
html{
	min-height: 100%;
}

body{
	height: 100%;
}
* {
       outline: 0;
       padding: 0;
       margin: 0;
       border: 0;
}
#main-container{
	margin-left: auto;
	margin-right: auto;
	width:424px;
	height: 740px;
	border: 1px solid black;
	//background-color: grey;
}

#output-container{
	height: 284px;
	//border: 1px solid green;
}

#btn-row-1{
	height: 273px;
}

#btn-row-2{
	height: 182px;
	width:318px;
	display: inline-block;
}

#btn-row-3{
	height: 182px;
	width:105px;
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
}

.btn{
	height: 90px;
	width: 105px;
	margin-top: 1px;
	margin-right: 1px;
	outline: 0;
	background-color: grey;
	font-size: 150%;	
}
#dis-area{
	width: 100%;
	height: 100%;
	font-size: 200%;	
	outline:none;
	border: none;
	-ms-overflow-style: none;
}
#btn-row-3 .btn{
	height: 181px;
	background-color: coral;
}

button:active{
	transform: translateY(1px);
}